.banner-container {
	padding-top: 100px;
	padding-bottom: 50px;
	// background: linear-gradient(90deg, #0f0d1d -76.72%, #3c72fc 191.51%);
	position: relative;

	.banner {
		margin: 0px auto;
		padding: 30px 0px;
		display: flex;
		justify-content: center;
		align-items: center;

		.text-info {
			h2 {
				font-size: 3.5rem;
				font-family: MatterSQ-SemiBold;
				color: rgb(28, 243, 28);
			}

			p {
				color: #595959;
			}
		}
	}

	.banner-bg {
		position: absolute;
		left: 20px;
		bottom: 80px;
		// z-index: -1;
	}

	.banner_bg_animation {
		animation: banner_animation 3s linear infinite alternate;
	}

	@keyframes banner_animation {
		0% {
			transform: translateY(0px);
		}

		100% {
			transform: translateY(20px);
		}
	}
}

.bg-container {
	padding: 30px 0px;

	.bg-list {
		width: 1350px;
		margin: 0px auto;
		padding: 30px 0px;
		display: flex;
		justify-content: space-between;

		>div {
			width: 48%;
			height: 325px;
			// border: 1px solid #b7b7b7;
			border-radius: 12px;
			background-color: rgba(0, 0, 0, 0.5);
			display: flex;
			padding: 20px;
			flex-direction: column;
			justify-content: space-between;

			.btn-box {
				text-align: center;

				.btn-one {
					display: inline-block;
					width: auto;
					border-radius: 6px;
					min-width: 60px;
					padding: 10px 20px;
					cursor: pointer;
					border: 1px solid #cfcfcf;
					color: #fff;

					&:hover {
						color: #fff;
						background: linear-gradient(90deg, #3c72fc -10.59%, #00060c 300.59%);
						border: none;
					}
				}
			}

			p {
				font-size: 18px;
				text-align: center;
				color: #fff;
			}
		}
	}

}

.product-info {
	padding: 30px 0px;

	.info-box {
		
		margin: 0px auto;
		padding: 50px;

		.collapse-box {
			margin-bottom: 20px;
			.collapse-target {
				display: flex;
				justify-content: space-between;
				align-items: center;

				h2 {
					font-family: MatterSQ-SemiBold;
				}

				span {
					font-size: 28px;
				}
			}
		}

	}

}